<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="/adminHTML/bt/css/bootstrap.css" rel="stylesheet">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="/adminHTML/bt/js/jquery-1.11.3.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="/adminHTML/bt/js/bootstrap.min.js"></script>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
<title>小米帐号 - 帐号安全</title>
<script>
  var userPhoneList=[];
</script>

<link type="text/css" rel="stylesheet" href="/adminHTML/xinxi/reset.css">
<link type="text/css" rel="stylesheet" href="/adminHTML/xinxi/layout.css">

<link type="text/css" rel="stylesheet" href="/adminHTML/xinxi/modacctip.css">
<link type="text/css" rel="stylesheet" href="/adminHTML/xinxi/modacctip.css">

	
<style type="text/css">
.score_1{color:rgb(255,0,0)}
.score_2{color:rgb(255,102,0)}
.score_3{color:rgb(255,204,0)}
.score_4{color:rgb(51,204,0)}
.score_bg_1{background-color:rgb(255,0,0)}
.score_bg_2{background-color:rgb(255,102,0)}
.score_bg_3{background-color:rgb(255,204,0)}
.score_bg_4{background-color:rgb(51,204,0)}
.score_outer_1 em{color:rgb(255,0,0)}
.score_outer_2 em{color:rgb(255,102,0)}
.score_outer_3 em{color:rgb(255,204,0)}
.score_outer_4 em{color:rgb(51,204,0)}
/*禁用修改头像功能*/
.na-img-area:hover .na-edit{
	display:none;
}
.na-img-area{cursor:default}
/*叹号垂直居中*/
.error-tip{
	line-height: 1.0;
}
/*米号可复制*/
.na-num{
	position: relative;
	z-index: 10;
}
/*解决英文被垂直遮挡*/
.font-img-item{
	height: 42px;
}
/*统一颜色*/
.color-active{
	color:rgb(255,102,0)!important;
}
/*tip additionals*/
/*
.tip, .mod_acc_tip{
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-212px;
	margin-top: -266px;
	z-index:20;
}
*/
.tip_h295{
	margin-top: -152px;
}
.tip_h424{
	margin-top: -218px;
}
.tip_h436{
	margin-top: -224px;
}
/*动态select的布局*/
#popSetMibao .i_currentselected{
	width: auto !important;
}
#popSetMibao .i_selectoption{
	width: 100% !important;
}
#popSetMibao .set_qst li{
	width: 190px;
}
#popSetMibao .set_qst label{
    /*height: 22px;*/
    width: 185px;
}
#popAnswerMibao .set_qst label{
	height: 22px;
	width:175px;
	display: block;
}
#popAnswerMibao .set_qst li{
	height: 60px;
}
/*显示和隐藏备用手机*/
#popManageTokenStatus dd .no_fb_mobile{	
	display: block;
}
#popManageTokenStatus dd .fb_mobile{
	display: none;
}
#popManageTokenStatus .has_fb_mobile .no_fb_mobile{
	display: none;
}
#popManageTokenStatus .has_fb_mobile .fb_mobile{
	display: block;
}
/*popup的遮层*/
.popup_mask .mod_wrap{
    height: 100%;
    overflow-y: auto;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.popup_mask .mod_acc_tip{
	display:none;
	position:absolute;
	left:50%;
	margin-left:-206px;
	top:50%;
	margin-top:-187px;
	_top: 500px;
}
/*某些要在前面的对话框*/
.callable{
	z-index: 200;
}
/*vertically center*/
#popSetMibao, #popAnswerMibao, #popManageTokenStatus, #popManageTokenKeys{
	top:0;
	margin-top: 0;
}
/*下拉框限高*/
.i_selectoption {
    height: 150px;
}
/*已完成安装*/
#popManageTokenDownload .tip_btns .installed{
	display:inline-block;
}
#popManageTokenDownload .tip_btns .goback{
	display:none;
}
#popManageTokenDownload .token_enabled .installed{
	display:none;
}
#popManageTokenDownload .token_enabled .goback{
	display:inline-block;
}
/*IE6*/
#popUpdatePassword .capt_box{
	display: none;
}
/*sms not sent*/
#sms-unsent{
	width:100%;
	height:100%;
	position:fixed;
	_position:absolute;
	left:0;
	top:0;
	z-index:10000;
	display:none;
}
#sms-unsent .bg{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:-1;
	filter:alpha(opacity=70);
	-moz-opacity:.7;
	opacity:.7;
	background-color:#aaa;
}
#sms-unsent .msg-box{
	width:560px;
	height:200px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-280px;
	margin-top:-100px;
	background-color:#fff;
}
#sms-unsent .msg-box .text{
	position:absolute;
	text-align:center;
	top:56px;
	font-size:18px;
	color:#585858;
	width:500px;
}
#sms-unsent .msg-box .button{
	position:absolute;
	text-align:center;
	top:100px;
	width:120px;
	height:40px;
	color:#333;
	border:1px solid #dadada;
	left:50%;
	margin-left:-61px;
	cursor:pointer;
	line-height:40px;
	font-size:16px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
/*干掉该死的IE6的遮罩问题*/
#loadingMask .bkc{
	_height:2000px;
}

/*wap*/
.bugfix_ie6,
.n-account-area-box{ display:block;}	
/*hide default options*/
.def-opt{
	display: none;
}
#popEnterNewPhone{
	margin-top:-250px;
}
.del-account-deny h4{
  font-size:14px;
  font-weight:normal;
}
.del-account-deny-content{
  list-style:disc;
  font-fize:14px;
}
.del-account-deny-content  li{
  list-style:disc;
  font-fize:14px;
}
 .black_overlay{  display: none;  position: absolute;  top: 0%;  left: 0%;  width: 100%;  height: 100%;  background-color: black;  z-index:1001;  -moz-opacity: 0.8;  opacity:.80;  filter: alpha(opacity=80);  }  .white_content {  display: none;  position: absolute;  top: 25%;  left: 25%;  width: 20%;  height: 50%;  padding: 16px;  border: 2px solid #99e;  background-color: white;  z-index:1002;  overflow: auto;  }
 .error{
	display:none;
}
</style>
<style type="text/css" media="print">
	.n-logo-area .logout,
	.n-account-area,
	.n-frame,
	.n-main-nav,
	.n-footer{display : none; }
</style>
</head>
<body style="overflow-y: scroll;" class="zh_CN">
	<div class="popup_mask" style="display: none;" id="loadingMask">
		<div class="bkc"></div>
		<div class="mod_wrap loadingmask">
			
		</div>
	</div>
  <div class="wrapper blockimportant">
  <div class="wrap">
<div class="layout bugfix_ie6 dis_none">
  <div class="n-logo-area clearfix">

    
      <a id="logoutLink" class="fl-r logout" href="/order/gerenzx">
          返回个人中心
      </a>
  </div>
  
    <!--头像 名字-->
	<div class="n-account-area-box">
		<div class="n-account-area clearfix">
		  <div class="na-info">
			<p class="na-name">尊敬的{{$res->nichen}}</p>
		  </div>
		  <div class="na-img-area fl-l">
      <!--na-img-bg-area不能插入任何子元素-->
      <div class="na-img-bg-area"></div>
		  </div>
		</div>
	</div>
  
</div>

  <div class="layout">
      <div class="n-main-nav clearfix">
        <ul>
          <li class="current">
            <a title="帐号安全">个人信息</a>
            <em class="n-nav-corner"></em>
          </li>
        </ul>
      </div>
      <div class="n-frame">
      	<ul class="device-detail-area">
          <li id="setMibao" class="click-row">
            <div class="font-img-item clearfix">
              <em class="fi-ico fi-ico-secret"></em>
              <p class="title-normal dis-inb">个人信息</p>
			  	<p class="font-default color-active">个人用户信息</p>
            </div>
            <div class="ada-btn-area" id="btnSetMibao">

			  	<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  				修改
				</button>
            </div>
          </li>
          <li id="changePassword" class="click-row">
            <div class="font-img-item clearfix">
              <em class="fi-ico fi-ico-lock"></em>
              <p class="title-normal dis-inb">帐号密码</p>
					<p class="font-default">
						用于保护帐号信息和登录安全
					</p>
					<span class="title-normal wap-desc">
						修改
					</span>
					
				<i class="arrow_r"></i>
        	  </div>
            <div class="ada-btn-area" id="btnUpdatePassword">
              <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal1">
  				修改
				</button>
            </div>
          </li>
          <li id="changeEmail" class="click-row">
            <div class="font-img-item clearfix">
              <em class="fi-ico fi-ico-email"></em>
              <p class="title-normal dis-inb">安全邮箱</p>
							
			  <span class="title-normal wap-desc">
			 
			  </span>
			<p class="font-default">安全邮箱可以用于登录小米帐号，重置密码或其他安全验证</p>
				<i class="arrow_r"></i>				
          	</div>
            <div class="ada-btn-area" id="btnUpdatePassword">
              <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal2">
  				修改
				</button>
            </div>
          </li>
          <li id="changeMobile" class="click-row">
            <div class="font-img-item clearfix">
				<em class="fi-ico fi-ico-phone"></em>
				<p class="title-normal dis-inb">安全手机</p>
				<p class="font-default color-active">安全手机将可用于登录小米帐号和重置密码，建议立即设置</p>
				<i class="arrow_r"></i>
            </div>
            <div class="ada-btn-area" id="btnUpdatePhone">
              <a class="n-btn btnBindMobile" __href="/pass/bindAddress?userId=179742333&amp;type=PH&amp;replace=false" data-mode="add">
                绑定
              </a>
            </div>
          </li>

      	</ul>
	</div>
	<!-- 模态框一 个人信息修改-->
<form action="/order/editname" method="post">
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">个人信息修改</h4>
      </div>
<div class="input-group">
  <span class="input-group-addon" id="basic-addon1">用户昵称:</span>
  <input type="text" class="form-control" name="nichen" value="{{$res->nichen}}" placeholder="name" aria-describedby="basic-addon1">
</div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        {{csrf_field()}}
        <button class="btn btn-primary">提交</button>
      </div>
    </div>
  </div>
</div>
</form>
<!-- 模态框二 密码修改-->
<form action="/order/updatepassowrd" method="post">
<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">帐号密码修改</h4>
      </div>
<div class="input-group">
  <span class="input-group-addon" id="basic-addon1">当前密码</span>
  <input type="password" class="form-control" id="nowpassword" name="password" value="" placeholder="password"  aria-describedby="basic-addon1">
</div>
<span class="alert alert-danger error" id="mima" role="alert">不记得当前密码拉? 那就去找回阿</span>
<br>
<div class="input-group">
  <span class="input-group-addon" id="basic-addon1">全新密码</span>
  <input type="password" class="form-control" name="newpassword" value="" placeholder="password" id="password" aria-describedby="basic-addon1">
</div>
<span class="alert alert-danger error" id="span1" role="alert">太短拉 兄弟...短短短!!!</span>
<br>
<div class="input-group">
  <span class="input-group-addon" id="basic-addon1">确认密码</span>
  <input type="password" class="form-control" name="renewpassword" value="" placeholder="password" id="repassword" aria-describedby="basic-addon1">
</div>
<span class="alert alert-danger error" id="span2" role="alert">你在搞什么?密码竟然不相同..</span>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        {{csrf_field()}}
        <button class="btn btn-primary" id="but">提交</button>
      </div>
    </div>
  </div>
</div>
</form>
<!-- 模态框三 邮箱修改-->
<form action="/order/emailupdate" method="post">
<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">邮箱修改</h4>
      </div>
<div class="input-group">
  <span class="input-group-addon" id="basic-addon1">当前邮箱</span>
  <input type="text" class="form-control" name="eamil"  value="{{$res->email}}" placeholder="email" aria-describedby="basic-addon1">
</div>
<br>
<div class="input-group">
  <span class="input-group-addon" id="basic-addon1">新的邮箱</span>
  <input type="text" class="form-control" name="email" id="email" value="" placeholder="email" aria-describedby="basic-addon1">
</div>
<span class="alert alert-danger error" id="span3" role="alert">邮箱出问题拉 出问题拉</span>
<br>
<div class="input-group">
  <span class="input-group-addon" id="basic-addon1">邮箱验证码</span>
  <input type="text" class="form-control" name="code" id="code" value="" placeholder="code" aria-describedby="basic-addon1">
</div>
<span class="alert alert-danger error" id="span4" role="alert">验证码错误</span>

<br>
<div class="input-group">
<div id="emailyzm" class="btn btn-default" style="margin-left:450px">获取验证码</div>
</div>


<br>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        {{csrf_field()}}
        <button class="btn btn-primary">提交</button>
      </div>
    </div>
  </div>
</div>
</form>
<script>
	$('#password').blur(function(){
		var pass = $(this).val();
		// alert(pass);
		var reg = /^\w{6,18}$/;
		var res = reg.test(pass);
		if(!res){
			$('#span1').css('display','block');
		}else{
			$('#span1').css('display','none');
		}
	})
	$('#repassword').blur(function(){
		var repassword = $(this).val();
		var password = $('#password').val();
		if(password != repassword){
			$('#span2').css('display','block');
		}else{
			$('#span2').css('display','none');
		}
	})


	var BUT = false;
	//给原始密码绑定丧失焦点事件
	$('#nowpassword').blur(function(){
		var password = $('#nowpassword').val();
		$.ajax({
			url:'/order/editpassowrd',
			data:{password:password},
			type:'get',
			async:true,
			success:function(data){
				if(data == 1){
					BUT = false;

				}else{
					BUT = true;
					$('#mima').css('display','none');
				}
			}
		})
	})
	$('form:eq(1)').submit(function(){
	//触发所有的丧失焦点事件
	// $('input').trigger('blur');
		if(BUT){
			return true;
		}
		//阻止默认行为
		$('#mima').css('display','block');
		return false;
	})




	//修改邮箱
	//声明全局变量 看输入的值是否正确
	var CODE = false;
	var YZM = 0; //设置全局变量验证码
	$('#email').blur(function(){
		var email = $('#email').val();
		var reg = /^\w+@\w+\.(com|cn|com.cn|net|org)$/;
		if(!reg.test(email)){
			$('#span3').css('display','block');
		}else{
			$('#span3').css('display','none');
		}
	})

	//获取验证码
	$('#emailyzm').click(function(){
		var email = $('#email').val();
		$.ajax({
			url:'/order/sendmail',
			data:{email:email},
			type:'get',
			async:false,
			success:function(data){
				//判断用户输入的验证码和返回的验证码是否一致
				YZM = data;
			}
		})
	})
	$('#code').focus(function(){
		$('#span4').css('display','none');
	})

	$('#code').blur(function(){
		if($(this).val() == YZM){
			CODE = true;
		}else{
			$('#span4').css('display','block');
		}
	})

	//绑定表单提交事件
	$('form:eq(2)').submit(function(){
		//触发所有的丧失焦点事件
		if(CODE){
			return true;
		}
		//阻止默认行为
		return false;
	})


</script>

    <div class="n-frame dis_none_pc">
      <div class="title-item title_security_wap">
				<h4 class="title-big dis-inb">其他</h4>
			</div>
      <ul class="device-detail-area">
        <li>
          <div class="font-img-item clearfix">
            <em class="fi-ico fi-ico-info"></em>
            <p class="title-normal dis-inb">修改个人资料</p>
            <span class="title-normal wap-desc"></span>
            <i class="arrow_r"></i>
            <a class="pos_opc" href="https://account.xiaomi.com/pass/auth/profile/home">修改个人资料</a>
          </div>
        </li>
        <li>
          <div class="font-img-item clearfix">
            <em class="fi-ico fi-ico-auth"></em>
            <p class="title-normal dis-inb">绑定授权</p>
            <span class="title-normal wap-desc"></span>
            <i class="arrow_r"></i>
            <a class="pos_opc" href="https://account.xiaomi.com/pass/auth/sns/home">绑定授权</a>
          </div>
        </li>
      </ul>
    </div>
    <div class="logout_wap">
      <a class="btnadpt bg_white" href="https://account.xiaomi.com/pass/logout?userId=179742333&amp;callback=https://account.xiaomi.com">退出</a>
    </div>
      </div>
    </div>
    </div>
	  <div class="n-footer">
  <div class="nf-link-area clearfix">
  <ul class="lang-select-list">
    <li><a class="lang-select-li current" href="javascript:void(0)" data-lang="zh_CN">简体</a>|</li>
    <li><a class="lang-select-li" href="javascript:void(0)" data-lang="zh_TW">繁体</a>|</li>
    <li><a class="lang-select-li" href="javascript:void(0)" data-lang="en">English</a></li>
    
      |<li><a class="a_critical" href="http://static.account.xiaomi.com/html/faq/faqList.html" target="_blank"><em></em>常见问题</a></li>
    
  </ul>
  </div>
  <p class="nf-intro"><span>小米公司版权所有-京ICP备10046444-<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020134" class="beianlink beian-record-link" target="_blank"><span><img src="/adminHTML/xinxi/ghs.png"></span>京公网安备11010802020134号</a>-京ICP证110507号</span></p>
</div>


<script>
$(function(){
  //语言部分
  var locale="zh_CN";
  if(locale!=='zh_CN' && locale!=='zh_TW' && locale!=='en'){
    locale=locale.indexOf("zh")!==-1?"zh_TW":"en";
  }
  var list=$(".lang-select-li");
  list.each(function(index,item){
    if($(this).data("lang")===locale){
      $(this).addClass("current");
    }
  });
  list.bind("click",function(){
    var selectLocale=$(this).data("lang");
    var params=location.search.substring(1).split("&");
    if(locale!==selectLocale){
      for(var i=0;i<params.length;i++){
        if(params[i].indexOf("_locale=")===0){
          params.splice(i,1);i--;
        }
      }
      params.push("_locale="+selectLocale);
      location.href=("//"+location.host+location.pathname+"?"+params.join("&")+location.hash);
    }
  });
  /*不知道是什么功能部分
  if($(window).innerWidth() <= 640 && (!/AppName\/[0-9\.]+$/.test(navigator.userAgent) || navigator.standalone)){
    $('.n-footer').show();
  }*/
  /*备案链接上的图片*/
  var recordLink=$('.beian-record-link');
  var beianRecordLink="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020134";
  var beianRecordImg="https://account.xiaomi.com/static/res/9204d06/account-static/respassport/acc-2014/img/ghs.png";
  var default1px_gif="";
  if(recordLink.length && beianRecordLink){
    recordLink[0].href=beianRecordLink;
  }
  var _img=new Image();
  var _span=$('.beian-record-link span');
  if(_span){
    _img.onload=_img.oncomplete=function(){
      _img._loaded=true;
      _span.append(_img);
    }
    setTimeout(function(){
      if(!_img._loaded && default1px_gif){
        _img.src=default1px_gif;
      }
    },1000);
    _img.src=beianRecordImg;
  }

  /*url 转义*/
  function  encodeURLparam(links,param){
    $(links).each(function(index,item){
      if((item.search+"").indexOf(param)!==-1){
        //分解参数，encode value
        var params=item.search.substring(1).split("&");
        for(var i=0;i<params.length;i++){

          if( (params[i]+"").indexOf(param+"=")===0 ){

            params.splice(i,1, param+"="+encodeURIComponent( (params[i]+"").substring(param.length+1) ) );

            item.search=params.join("&")
          }

        }
      }
    })
  }
  encodeURLparam(document.links,'externalId')
});
var JSP_VAR={
  deviceType:'PC',
  dataCenter:'lg',
  locale:"zh_CN",
  region:"CN",
  callback:"",
  sid:"",
  qs:"",
  hidden:"",
  "_sign":"",
  serviceParam :'',
  privacyLink:'http://www.miui.com/res/doc/privacy/cn.html'
};
</script>
<style>
  .btn-action-go{ display:none;}
</style>

</body></html>